<!-- <script setup>
import HelloWorld from './components/HelloWorld.vue'
import TheWelcome from './components/TheWelcome.vue'
import Footer from "./components/Footer.vue";
</script> -->
<script>

import InputComponent from './components/InputComponent.vue';

export default {
  name: 'app',
  components: {
    InputComponent, // 注册模块
  },
};
</script>

<template>
<!--   <header>
    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />

    <div class="wrapper">
      <HelloWorld msg="You haven't did it!" />
    </div>
  </header> -->

<!--   <main>
    <TheWelcome />
  </main> -->
  <div id="app">
    <!-- <h1>主应用页面</h1> -->
    <!-- 调用 InputComponent 模块 -->
    <InputComponent />
  </div>
<!--   <div id="icp">
    <router-view />
    <Footer />
  </div> -->
</template>

<style scoped>
/*  html, body {
  height: 100%; 
  margin: 0;    
} 
#icp{
  display: flex;
  flex-direction: column;
  min-height: 100vh; 
} */
/* 全局样式 */
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  text-align: center;
  margin-top: 50px;
}
</style>
